.cloud-container {
  position: absolute;
  top: 0;
  left: 50%;
  text-align: center;
  box-sizing: border-box;
  min-width: 342px;
  height: 80px;  
  border: 2px solid #812900;
  background: linear-gradient(180deg, #FFEEA9 0%, #FFD700 100%); 
  border-radius: 100px; 
  transform: translate3d(-50%, -50%, 0);
  &-content {
    line-height: 76px;
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #A13D0F; 
  }
  .left-cloud,
  .right-cloud {
    position: absolute;
    width: 126px;
    height: 56px;
    background-size: 100% 100%;
    top: 12px;
    background-image: url('http://xthk-edu-test.oss-cn-shenzhen.aliyuncs.com/1606900119120_0.6776525267257101');
  }
  .left-cloud {
    left: -62px;
  }
  .right-cloud {
    right: -62px;
    transform: rotateY(180deg);
  }
}